import './fen.css'
import './fen.jsx'
// import  MyCharts from '../../../ECharts/myCharts'

// import * as echarts from 'echarts';
// import MyCharts from '../../../ECharts/myCharts';
function Index() {
 
  return (
    <div className="fen">
      <div className="top">
    <img src="" alt="" style={{width:'85vw',height:'200px'}}/>
<h3>舆情分析</h3>
<div style={{display:'flex'}} className='tu'>
<div className='one'
style={{width:'260px',height:'160px',backgroundColor:'skyblue',margin:'10px'}}>
<img src="" alt="" style={{width:'260px',height:'160px'}}/>
     

</div>
<div  
style={{width:'260px',height:'160px',backgroundColor:'greenyellow',margin:'10px'}}>

</div>
<div style={{width:'260px',height:'160px',backgroundColor:'skyblue',margin:'10px'}}>

</div>
<div style={{width:'260px',height:'160px',backgroundColor:'pink',margin:'10px'}}>

</div>
</div>

      </div>
      <div className="center">
        <div className="left">
          
<h3>内容发布比</h3>
<img src="" alt="" style={{width:'260px',height:'160px'}}/>
        </div>
        <div className="right">
          <h3>热门作者榜单</h3>
          <div style={{justifyContent:'space-between' ,backgroundColor:'#f2f2f2'}}>
          &emsp;&emsp;排名 &emsp;&emsp;&emsp;&emsp;
          &emsp; &emsp;  作者&emsp;&emsp;&emsp; &emsp;&emsp;
            内容量&emsp;&emsp; &emsp;&emsp;
            点击量</div>
          <p >1 &emsp;黑魔法打败魔法 &emsp;&emsp;1500 
          &emsp;&emsp;&emsp;&emsp;&emsp;&ensp;2100
          &emsp;&emsp;&emsp;&emsp;&emsp;22145 </p>
          <p >2 &emsp;&emsp;王多鱼&emsp;&emsp; &emsp;&emsp;1500 
          &emsp;&emsp;&emsp;&emsp;&emsp;&ensp;2100
          &emsp;&emsp;&emsp;&emsp;&emsp;22145 </p>
          <p >3 &emsp;请叫我小李 &emsp; &emsp;&emsp;1500 
          &emsp;&emsp;&emsp;&emsp;&emsp;&ensp;2100
          &emsp;&emsp;&emsp;&emsp;&emsp;22145 </p>
          <p >4 &emsp;Chstopher &emsp; &emsp;&emsp;1500 
          &emsp;&emsp;&emsp;&emsp;&emsp;&ensp;2100
          &emsp;&emsp;&emsp;&emsp;&emsp;22145 </p>
          <p >5&emsp;朵朵多月亮呢 &emsp; &emsp;&emsp;1500 
          &emsp;&emsp;&emsp;&emsp;&emsp;&ensp;2100
          &emsp;&emsp;&emsp;&emsp;&emsp;22145 </p>
          <p >6 &emsp;Chstopher &emsp; &emsp;&emsp;1500 
          &emsp;&emsp;&emsp;&emsp;&emsp;&ensp;2100
          &emsp;&emsp;&emsp;&emsp;&emsp;22145 </p>
       
        </div>
      </div>
      <div className="footer">
        <h3>内容时段分</h3>
        <img src="" alt="" style={{width:'85vw',height:'150px'}}/>
      </div>
    </div>
  )
}

export default Index
